// 主题颜色
@bg:#304150;
// 文字大小
@font-16:16px;


.bgcolor{
  background-color: @bg;
}
.color-304150{
color: @bg;
}
.color-347693{
  color:#347693;
}
a:hover{
color: @bg;
}
.font-16{
  font-size: @font-16;
}
.font-10{
  font-size: 10px;
}
.font-12 {
  font-size: 12px;
}
.fonts-14 {
  font-size: 14px;
}
.fonts-18{
  font-size: 18px;
}
.fonts-20{
  font-size: 20px;
}
.fonts-26{
  font-size: 26px;
}
.font-32 {
  font-size: 32px;
}
.fonts-24 {
  font-size: 24px;
}
.fonts-18 {
  font-size: 18px;
}
.font-w{
  font-weight: 900;
}
.font-20 {
  font-size: 20px;
}

.d-flex{
  display: flex;
  align-items: center;
}
.dis-block{
  display: block;
}
.dis-inline{
  display: inline-block
}
.color-white{
  color: #fff;
}
.color-red {
  color: #dc2626;
}
.cursor-p{
  cursor: pointer;
}
.cursor-not{
  cursor: not-allowed ;
}
.w-60vw{
  width: 60vw;
}
.w-260{
  width: 260px;
}
.w100{
  width: 100%;
}
.w-100{
  width: 100px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.mt-5{
  margin-top: 5px;
}
.mr-5{
  margin-right: 5px;
}
.mr-10{
  margin-right: 10px;
}
.mb-3{
  margin-bottom: 3px;
}
.mt--25{
  margin-top: -25px
}
.ml--3{
  margin-left: -3%;
}
.mr-20{
  margin-right: 20px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-14{
  margin-bottom: 14px;
}
.mt--20 {
  margin-top: -20px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-18{
  margin-top: 18px
}
.mt-24{
  margin-top: 24px
}
.mt--24{
  margin-top: -24px
}
.ml-5{
  margin-left: 5px;
}
.ml-20vw{
  margin-left: 20vw
}
.pd-15{
  padding: 0 15px;
}
.mt--10 {
  margin-top: -10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.ml-20 {
  margin-left: 20px;
}
.singleSL{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vertical-bar {
  display: inline-block;
  width: 4px; /* 竖杠宽度 */
  height: 14px; /* 竖杠高度 */
  background-color: @bg; /* 竖杠颜色 */
  margin-right: 6px; /* 竖杠与文字的间距 */
  vertical-align: middle; /* 对齐文字 */
}
.custom-title {
  display: flex;
  align-items: center;
}

/* 滚动条 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(58, 24, 24, 0.2);
  // background: #304150;
  background: @bg;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(139, 135, 135, 0.2);
  border-radius: 10px;
  background: #fafafa;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background: @bg;
  color: #fff;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: @bg;
}

.el-select-dropdown__item.selected {
  color: @bg;
  border-color: @bg;

}

.el-select .el-input.is-focus .el-input__inner {
  color: @bg;
  border-color: @bg;

}

.el-select .el-input__inner:focus {
  border-color: @bg;

}

.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border-color: @bg;

}

.el-pagination.is-background .el-pager li:not(.disabled):hover {

  color: gray;
}

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: @bg;
  border-color: @bg;

}

.el-checkbox__inner:hover {
  border-color: @bg;

}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: @bg;

}

.el-table__body tr.current-row>td {
  background-color: #041C33 !important;
  color: #606266;
}



.el-collapse-item__header {
  color: @bg;
  font-size: @font-16;
}

.el-textarea__inner {
  height: 130px !important;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: @bg;
  border-color: @bg;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #000;
}

.el-radio__inner:hover {
  border-color: @bg;

}

.el-input-number__decrease:hover, .el-input-number__increase:hover {
  color: @bg;
  border-color: @bg;


}



.el-button--primary {
  background-color: @bg;
  border-color: @bg;
}

.el-button--primary:focus, .el-button--primary:hover {
  background-color: @bg;
  border-color: @bg;
}

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #ccc;
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
  border-color: @bg;

}

.el-collapse-item__content {
  font-size:@font-16;
}
.p-helper-control-point-div {
  border: 1px solid #f50404;
  background-color: yellow;
  opacity: 0.8;
  cursor: move;
}
 .el-loading-spinner .el-loading-text{
  // color: @bg;
  font-size:20px;
}
.el-loading-spinner i{
  // color: @bg;
  font-size:20px;
}
.el-progress-bar{
  padding: 0;
}
.ant-input:hover {
  border: 1px solid @bg;
}
.ant-input:focus {
  border: 1px solid @bg;
}
.el-collapse-item__content{
  padding: 0;
}

.el-collapse {
  border: none;
}

